// keydown  event name  -> window
window.addEventListener('keydown', 
function(event) {
    // 健值
    let keyCode = event.keyCode; // 按键事件的数据
    let audioEle = 
        document.querySelector(`audio[data-key="${keyCode}"]`);
    // console.log(audioEle);
    if (!audioEle) return;
    audioEle.play();

    let keyEle =
        document.querySelector(`.key[data-key="${keyCode}"]`);
    if (!keyEle) return;
    keyEle.classList.add('playing');
    // 定时器
    // setTimeout(function(){
    //     // console.log("---------");
    //     keyEle.classList.remove('playing');
    // },1000)
    // console.log(keyCode);
})

const keys = document.querySelectorAll(".key");
for(let key of keys){
    // console.log(key);
    // event 只能一个个加，不能集体加
    key.addEventListener('transitionend',function(even){
        // 不同类型的事件， even对象也是不同的
        // console.log(even);
        event.target.classList.remove('playing');
    })
}